﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>金融服务</title>

<meta name="description" content="" />

<meta name="keywords" content="" />

<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">

<meta content="yes" name="apple-mobile-web-app-capable">

<meta content="black" name="apple-mobile-web-app-status-bar-style">

<meta content="telephone=no" name="format-detection">

<meta content="email=no" name="format-detection">
<link rel="stylesheet" href="css.css" type="text/css" />

<style>

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, input, select {

	margin: 0;

	padding: 0;

	border: 0;

	box-sizing: border-box;

	-webkit-tap-highlight-color: transparent;

}

body {

	font-family: "Helvetica Neue", Helvetica, sans-serif;

	height: 100%;

	background: #fff;

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

img {

	max-width: 100%;

	vertical-align: middle;

	border: 0;

	-ms-interpolation-mode: bicubic;

	-webkit-touch-callout: none;

}

:focus {

	outline: 0

}

html {

	height: 100%;

	font-size: 10px;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

 @media screen and (min-width: 321px) and (max-width: 375px) {

 html {

 font-size: 11px

}

}

 @media screen and (min-width: 376px) and (max-width: 414px) {

 html {

 font-size: 12px

}

}

 @media screen and (min-width: 415px) and (max-width: 639px) {

 html {

 font-size: 15px

}

}

 @media screen and (min-width: 640px) and (max-width: 719px) {

 html {

 font-size: 20px

}

}

 @media screen and (min-width: 720px) and (max-width: 749px) {

 html {

 font-size: 22.5px

}

}

 @media screen and (min-width: 750px) and (max-width: 799px) {

 html {

 font-size: 23.5px

}

}

 @media screen and (min-width: 800px) {

 html {

 font-size: 25px

}

}

 select::-ms-expand {

 display: none;

}

.clearfix:before,  .clearfix:after {

	content: " ";

	display: table;

}

.clearfix:after {

	clear: both;

}

select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

}

ul, ol {

	list-style: none

}

a {

	text-decoration: none;

	background-color: transparent;

}

a:active,  a:hover {

	outline: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

	display: block;

}

button, input, optgroup, select, textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}

button {

	overflow: visible;

}

button, select {

	text-transform: none;

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}

button[disabled], html input[disabled] {

	cursor: default;

}

 button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;

 padding: 0;

}

input {

	line-height: normal;

}

input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}

 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

 height: auto;

}

input[type="search"] {

	-webkit-appearance: textfield;

	box-sizing: content-box;

}

 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

a, input, textarea, select, button {

	outline: 0;

}

body {

	background: #fff;

}

.lp-m-inputs {

	padding:0 1.2rem;

	/*margin-top: 1.5rem;*/

        /*box-shadow: 0 0 8px #eff0f2;*/

        background: #fff;

}

.lp-m-topImg {

	/*box-shadow: 0 0 8px #eff0f2;*/

        margin-bottom: 1rem;

}

.lp-m-topImg img {

	width:100%;

	height:100%;

}

.lp-m-inputs-item, .lp-m-inputs-item2 {

	overflow: hidden;

	border-radius: 2.5rem;

	position: relative;

	border:1px solid #616161;

	height: 4.5rem;

	padding:1.25rem 0 0 0.2rem;

	position: relative;

	background: #fff;

	margin: 1rem auto;

}

.lp-m-inputs-item input, .lp-m-inputs-item2 input {

	padding-left: 2.5rem;

	font-size: 1.4rem;

	color:#000;

	width:90%;

}

.lp-m-bottom {

/*border-bottom:none;*/

    }

.lp-m-inputs-item img, .left-icon {

	height: 1.5rem;

	position: absolute;

	left: 1rem;

	top: 50%;

 margin-top: -.9rem

}

/*#mobile{

        background: url('images/55-55.png') no-repeat left center;

        background-size: 1.5rem;

    }



    #pw{

        background: url('images/55-55-2.png') no-repeat left center;

        background-size: 1.5rem;

    }



    #imgCode,#emscode{

        background: url('images/55-55-3.png') no-repeat left center;

        background-size: 1.5rem;

    }*/





    .lp-m-inputs-item input.lp-m-inputs-s, .lp-m-inputs-item2 input.lp-m-inputs-s {

	width:70%;

	display: inline-block;

}

.lp-m-imgcode {

	width: 25%;

	display: inline-block;

	height: 2.5rem;

}

.codeImg {

	width: 5.5rem;

	height: 2.2rem;

}

.lp-m-emscode {

	/*width: 30%;*/

        display: block;

	height: 3rem;

	line-height: 3rem;

	/*background: #ff8d64;*/

        color: #676f71;

	border-bottom: 1px #676f71 solid;

	font-size: 1.3rem;

	text-align: center;

	/*border-radius: 12px;*/

        position: absolute;

	right: 1.5rem;

	top: 50%;

	margin-top: -1.5rem;

}

.lp-m-emscode-60 {

	width:30%;

	display: block;

	height: 3rem;

	line-height: 3rem;

	background: #fff;

	color:#3b4b5f;

	font-size: 1.3rem;

	text-align: center;

	border-radius: 12px;

	position: absolute;

	right:0;

	top:50%;

	margin-top: -1.5rem;

	display: none;

}

.lp-m-tips, .lp-fade-cont-tips {

 padding: 0 .9rem;

	color:red;

	font-size: 1.3rem;

	height: 2rem;

	line-height: 2rem;

	display: none;

	text-align: center;

}

.lp-m-submit {

	background: #c5c5c5;

	margin:1rem 0;

	height:4.5rem;

	line-height: 4.5rem;

	text-align: center;

	color:#fff;

	border-radius: 2.5rem;

	font-size: 1.8rem;

}

.lp-m-submit2, .lp-m-submit3 {

	/*background: #1d75d9;*/

        background:-webkit-gradient(linear, left top, right top, from(#1d75d9), to(#67c3fd));

	display: none;

	margin:1rem 0;

	height:4.5rem;

	line-height: 4.5rem;

	text-align: center;

	color:#fff;

	border-radius: 2.5rem;

	font-size: 1.8rem;

}

/*.lp-m-submit3 {*/

        /*display: block;*/

    /*}*/

    .lp-m-down {

	color:#999;

	font-size: 1.3rem;

	padding:0 0.9rem;

 margin-bottom: .5rem;

	height: 3rem;

	line-height: 3rem;

	text-align:center;

}

.lp-m-down span {

	color:#018ffe;

}

.lp-m-bottom-tips {

	text-align: center;

 padding-top: .7rem;

	color: #a3a3a3;

	font-size:xx-small;

}

.lp-m-bottom-a {

	margin-top: 1rem;

	padding-bottom: 2px;

	width: 100%;

	font-size: 1.2rem;

	text-align: center;

	color: #018ffe!important;

}

.lp-m-bottom-imgs {

	width:60%;

	margin: 2rem auto;

	text-align: center;

}

.lp-m-items-img {

	margin: 2rem auto 0;

}

.lp-m-items-img img {

	width:100%;

	height:100%;/*box-shadow: 0 0 8px #eff0f2;*/

        /*margin-top: 1rem;*/

        /*margin-bottom: 1rem;*/

    }

.lp-fixed-main {

	position: fixed;

	background: rgba(0, 0, 0, .8);

	left:0;

	right:0;

	bottom:0;

	top:0;

	display: none;

}

.lp-fixed-cont {

	width:28.85rem;

	height: 25.65rem;

	position: absolute;

	top:50%;

	left:50%;

	margin: -12.825rem 0 0 -14.425rem;

}

.lp-fixed-cont img {

	width:100%;

	height:100%;

}

.lp-fixed-close {

	width:3.4rem;

	height:3.4rem;

	position: absolute;

	bottom: 10%;

	left:50%;

	margin-left: -1.57rem;

}

.yxd-loading-cont {

	width:11rem;

	min-height:10rem;

	background: rgba(0, 0, 0, .6);

	padding: 2rem;

	border-radius: 10%;

	position: fixed;

	left:50%;

	top:50%;

	margin: -5rem 0 0 -5.5rem;

}

.yxd-loading-cont p {

	color:#fff;

	text-align: center;

	margin-top: 1rem;

	font-size: 1.3rem;

}

.yxd-loading-gif {

	width:4rem;

	height:4rem;

	margin: 0 auto;

}

.yxd-loading-main {

	display: none;

	position: fixed;

	left:0;

	right: 0;

	top:0;

	bottom:0;

	background: rgba(0, 0, 0, 0.3);

	/*display: flex;*/

        /*justify-content: center;*/

        /*align-items: center;*/

        z-index: 99999999999999;

}

.lp-fade-main {

	display: none;

	position: fixed;

	left:0;

	right: 0;

	top:0;

	bottom:0;

	background: rgba(0, 0, 0, 0.3);

	/*display: flex;*/

        /*justify-content: center;*/

        /*align-items: center;*/

        z-index: 99999999999999;

}

.lp-fade-cont {

	border-radius: 1rem;

	width:90%;

	min-height:14rem;

	position: absolute;

	left:50%;

	top:50%;

	margin: -7rem 0 0 -45%;

	background: #fff;

}

.lp-fade-cont-m {

	padding:1rem 1.5rem;

}

.lp-fade-cont-tips {

	display: none;

}

.close-btn {

	width:1.5rem;

	height:1.5rem;

	position: absolute;

	right: 0;

	top:-2rem;

}

.bottom-btn-main {

	background: rgba(255, 255, 255, 0.8);

	position:fixed;

	bottom: 0;

	left:0;

	right: 0;

	padding:1rem 0;



}

.bottom-btn {

	/*background:#59b3ff;*/

        background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f8c149), to(#f8922a));

	box-shadow: 0 3px 1rem rgba(0, 0, 0, .3);

	margin:0 auto;

	height:4.5rem;

	line-height: 4.5rem;

	text-align: center;

	color:#fff;

	border-radius: 2.5rem;

	font-size: 1.8rem;

	width: 90%;

}

#appLogin {

	color:#018ffe;

}

</style>
</head>

<body ontouchstart="" onmouseover="">

<div id="_umfp" style="display:inline;width:1px;height:1px;overflow:hidden"></div>

<div class="lp-m-topImg"><img src="picture/topbanner.jpg" id="_logo"></div><a name='a'></a>

<div class="lp-m-inputs">


 <div class="lp-m-inputs-item"><img src="picture/55-54.png">&nbsp;
    <input name="x3" id="username" placeholder="姓名" type="text" maxlength="600">
  </div>
  <!--
    <div class="lp-m-inputs-item"><img src="picture/55-55.png">
    <input name="d3" id="money" placeholder="贷款金额" type="text" maxlength="600">
  </div>-->
    <div class="lp-m-inputs-item"><img src="picture/55-55.png">&nbsp;
    <input name="t3" id="mobile" placeholder="手机号" type="text" maxlength="600">
  </div>

  <p class="lp-m-tips"></p>

<input type="submit" name="submit" value="一键申请" id="add" style="background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1e9cce), to(#0594db));

	margin:1rem 0;
    width:100%;
	height:4.5rem;

	line-height: 4.5rem;

	text-align: center;

	color:#fff;

	border-radius: 2.5rem;

	font-size: 1.8rem;"/>


  <div class="lp-m-submit2" id="emsBtn">测测你能借多少</div>

</div>

<div class="lp-m-items-img" >

<img src="picture/1.png" /><img src="picture/2.jpg" /><img src="picture/3.jpg" /><img src="picture/4.jpg" />


</div>

<div class="bottom-btn-main" id="bottomBtnMain">

  <a href="http://p.qiao.baidu.com/cps/chat?siteId=11506238&userId=24411344" class="wx" ><div class="bottom-btn">在线咨询</div></a>

</div>
<div class="cover">
   <div class="alert alert-success">
       <p style="font-size: 18px;">复制微信号添加好友</p>
	   	   <br />
       <p style="font-size: 18px;margin-top:1px;">微信号预留</p>
       <button class="alert-close">关闭</button>
   </div>
</div>
<script type="text/javascript" src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="layer/layer.js"></script>
<script>
	    // $(".wx").click(function(){
     //    if($(".alert-success").is(":hidden")){
     //     $(".alert-success").show();
     //        $(".cover").show();
     //    }else{
     //        $(".walert-success").hide();
     //        $(".cover").hide();
     //    }
     //  });
     //  $(".alert-close").click(function(){
     //      $(".alert-success").hide();
     //      $(".cover").hide();
     //  });
</script>
<script type="text/javascript">
				    // 提交
    $("#add").on("click",function(){
        var username = $("#username").val();
        var mobile = $("#mobile").val();
        var money = $("#money").val();
		var myreg = /^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8][0-9]{9}))$/;
        if (mobile=="") {
            layer.alert('手机号码不能为空');
            return false;
        }
        if(!myreg.test(mobile)){
            layer.alert("手机号格式不正确");
            return false;
        }
        var URL="controller/action.php";
        $.ajax({
            type: "post",
            url: URL,
            dataType:'json',
            data: {
                'name':username,
                'mobile':mobile,
                'money':money,
            },
            success: function(data){
			if(data.code == 200){
				layer.alert(data.msg, {
                        skin: 'layui-layer-lan'
                        ,closeBtn: 0
                    },function () {
                        window.location.href = window.location.href;
                    });
			}else{
				layer.alert(data.msg);
				return false;
			}
                
            }
        });
    });
</script>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?480b3bc38be0ddd9882cb759b2126e8d";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>

</html>

